{% load staticfiles %}

<!-- <!DOCTYPE html> -->
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    {% block head_link %}{% endblock %}
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">

    <link rel="stylesheet" href="{% static '/bower_components/bootstrap/dist/css/bootstrap.min.css' %}">
    <link rel="stylesheet" href="{% static '/bootstrap-table/bootstrap-table.min.css' %}">
    <link rel="stylesheet" href="{% static '/datetimepicker/bootstrap-datetimepicker.min.css' %}">
    <link rel="stylesheet" href="{% static  '/bower_components/Ionicons/css/ionicons.min.css' %}">

    <!-- 子模板的样式表应放在父模板的样式表之后，只有这样才可以在子模板中重定义父模板中的某些样式 -->
    {% block styles %}{% endblock %}
    <style>
        .btn-group-xs > .btn, .btn-xs {
            padding: 0px 6px;
            font-size: 11px;
            line-height: 1.5;
            border-radius: 3px;
        }

        .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
            padding: 1px;
            line-height: 1.2;
            vertical-align: top;
            border-top: 0px solid #ddd;
            color: #ffffffc4;
            background-color: #2c2c2c;
            font-size: 15px;
        }

        .table > tbody > tr.back-detail >th {
            background-color: #555;
        }

        .skin-blue .main-header .logo {
            background-color: #2b2b2b;
            color: #fff;
            border-bottom: 0 solid transparent;
        }


        .skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
            background-color: #141414;
            font-size: 12px;
            font-family: NotoSansCJKsc-Regular, sans-serif;
        }

        .main-footer {
            background: #000;
            padding: 15px;
            color: #f39c12;
            border-top: 1px solid #000;
        }


        th {
            text-align: center;
        }

        td {
            text-align: center;
            font-family: NotoSansCJKsc-Regular, sans-serif;
        }

        label {
            width: 100px;
            margin-left: 5%;
            font-family: NotoSansCJKsc-Regular, sans-serif;
        }

        /*qb账号*/
        .qb-label {
            width: 60px;
            margin-left: 15%;
            font-family: NotoSansCJKsc-Regular, sans-serif;
        }

        /**  待定
        input, select {
            width: 160px;
            height: 24px;
            background: #0F0F0F;
            border: 1px solid #3C3C3C;
            border-radius: 1px;
            font-family: NotoSansCJKsc-Regular, sans-serif;
        }
        **/

        /* 模态框下的input */
        .opts {
            background-color: white;
            width: 200px;
        }

        form > input {
            width: 160px;
            height: 24px;
            background: #0F0F0F;
            border: 1px solid #3C3C3C;
            border-radius: 1px;
        }

        /* input-file放在同一行 */
        input[type=file] {
            display: inline-block;
            /* cursor: pointer; */
            border: none;
            width: auto;
        }

        button {
            border: none;
        }

        .btn-query {
            width: 87px;
            height: 26px;
            background: #3C3C3C;
            border-radius: 3px;
        }

        .conf {
            border: 0; /*去掉未选中状态边框*/
            outline: none; /*去掉选中状态边框*/
            background-color: rgba(0, 0, 0, 0); /*透明背景*/
        }

        .bootstrap-table {
            border-style: solid;
            border-width: 3px;
            border: 1px solid rgba(0, 0, 0, .15);
        }

        .pagination-info {
            display: none
        }

        .page-list {
            display: none
        }

        .modal-dialog {
            width: 450px;
        }

        .modal-body {
            /* background-color: #282923; */
            padding: 10px 30px;
            height: auto;
        }

        StgFileShow, ConFileShow {
            background-color: #282923;
            color: #90918b;
            border-width: 0px;
            width: 448px;
            height: 100%;
        }

        stg_check {
            padding: 10px;
        }

        .row {
            margin-top: 10px;
        }

        /* tab表头的选中的样式 */
        .nav-tabs-custom > .nav-tabs > li.active > a, .nav-tabs-custom > .nav-tabs > li.active:hover > a {
            background-color: red;
            color: white;
        }

        /* tab样式 */
        .nav-tabs-custom > .nav-tabs > li {
            border-top: transparent;
            margin-bottom: -2px;
            margin-right: 2px;
        }

        .nav-tabs > li {
            float: left;
            margin-bottom: -1px;
        }

        .nav > li > a {
            position: relative;
            display: block;
            padding: 4px 20px;
            font-size: 12px;
            font-family: NotoSansCJKsc-Regular, sans-serif;
        }

        /* tab头的位置及边框颜色透明 */
        .nav-tabs-custom > .nav-tabs {
            margin-left: 11px;
            border-bottom-color: rgba(0, 0, 0, 0.2);
            border-top-right-radius: 3px;
            border-top-left-radius: 3px;
        }

        /* tab中的a标签悬浮样式 */
        .nav-tabs-custom > .nav-tabs > li > a, .nav-tabs-custom > .nav-tabs > li > a:hover {
            background: rgba(255, 255, 255, .15);
            margin: 0;
        }

        .nav-tabs-custom > .nav-tabs > li > a {
            color: #d2d6de;
            border-radius: 0;
        }

        .bootstrap-table .fixed-table-container .table {
            width: 100%;
            margin-bottom: 0 !important;
            color: #939393;
        }

        .fixed-table-toolbar {
            background-color: #141414;
        }

        .uploadsearch, .packsearch, .papersearch {
            width: 87px;
            height: 26px;
            background: #3C3C3C;
            border-radius: 3px;

        }

        .upstrategy {
            width: 119px;
            height: 28px;
            background: inherit;
            background-color: rgba(255, 204, 153, 1);
            box-sizing: border-box;
            border-width: 1px;
            border-style: solid;
            border-color: rgba(121, 121, 121, 1);
            border-radius: 5px;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            color: #2B2B2B;
        }

        /* bootstraptable上边框 */
        .table-bordered {
            border: 1px solid transparent !important;
        }

        /* bootstraptable左侧边框 */
        .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th {
            border: 1px solid #1E1E1E;
            background: #1E1E1E;
            font-size: 12px;
            font-family: NotoSansCJKsc-Regular, sans-serif;
        }

        .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
            border: 1px solid #1E1E1E;
            font-size: 12px;
            font-family: NotoSansCJKsc-Regular, sans-serif;
            color: #DCDCDC;
        }

        #stcriskinfoTable > thead > tr > td, #stcriskinfoTable > tbody > tr > td {
            border: 1px solid #f5f5f5;
            font-size: 12px;
            font-family: NotoSansCJKsc-Regular, sans-serif;
            color: #939393;
        }

        tr.activetable, input.activetable {
            background-color: white;
            width: 100px;
            height: 30px;
            margin: 1px;
            font-size: 12px;
            font-family: NotoSansCJKsc-Regular, sans-serif;
        }

        /*确认页面的table,去掉边框线*/
        tr.confirm_table, input.confirm_table {
            background-color: white;
            width: 100px;
            height: 30px;
            margin: 1px;
            font-size: 12px;
            font-family: NotoSansCJKsc-Regular, sans-serif;
            border-width: 0;
            text-align: center;
        }


        .bootstrap-table .fixed-table-container .table {
            width: 100%;
            margin-bottom: 0 !important;
            color: #939393;
        }

        .fixed-table-toolbar {
            background-color: #141414;
        }


        /* integrated css */
        .tab-content {
            margin-left: 10px;
        }

        .div-query {
            float: left;
            margin-top: 15px;
            margin-left: 10px;
            margin-bottom: 15px;
            color: #ffffff;
        }

        /* 新增按钮格式 */
        .btn-add {
            float: left;
            width: 100px;
            height: 26px;
            /* background: inherit; */
            background-color: rgb(237, 109, 0);
            border-radius: 5px;
            /* box-sizing: border-box;
            border-width: 1px;
            border-style: solid;
            border-color: rgba(121, 121, 121, 1);
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none; */
            color: #FBEBE3;
        }

        /*业绩分析按钮颜色*/
        .btn-analysis {
            background-color: rgb(237, 109, 0);
        }

        /*失败原因/打包/申请实盘按钮颜色*/
        .btn-blue {
            background-color: #009AFF;
            color: #fcfd9a;
        }


        /* 查询按钮格式 */
        .btn-query {
            width: 80px;
            height: 26px;
            background: #3C3C3C;
            border-radius: 5px;
        }

        /* 按钮通用属性 */
        .btn-stc {
            border-radius: 5px;
            text-align: center;
            display: table-cell;
            vertical-align: middle;
            cursor: pointer;
        }

        /* 提交按钮 */
        .btn-confirm {
            width: 100px;
            height: 26px;
            background: red;
            color: #ffffff;
        }

        /* 取消按钮 */
        .btn-cancel {
            width: 60px;
            height: 26px;
            background: #3C3C3C;
            color: #ffffff;
        }

        /* 查询面板label格式 */
        .lbl-query {
            margin-left: 30px;
            float: left;
            font-size: 12px;
            font-family: NotoSansCJKsc-Regular, sans-serif;
            color: #cdcdcd;
        }

        /* 订单查询label面板 */
        .order-query {
            margin-left: 15px;
            float: left;
            font-size: 12px;
            font-family: NotoSansCJKsc-Regular, sans-serif;
            color: #cdcdcd;
        }


        /* 查询面板输入框格式 */
        .input-query {
            width: 120px;
        }

        /*环境选择input框*/
        .envir-input-query {
            width: 75px;
        }

        /*清算速度input框*/
        .tid-input-query {
            width: 70px;
        }

        /*方向input框*/
        .direction-input-query {
            width: 45px;
        }

        /*策略ID input框*/
        .id-input-query {
            width: 50px;
        }

        /*债券代码 input 框*/
        .instrid-input-query {
            width: 60px;
        }

        /*历史持仓 日期 input 框*/
        .date-input-query {
            width: 70px;
        }

        .table-stc {
            table-layout: fixed;
            word-break: break-all;
            word-wrap: break-all;
            font-size: 12px;
            width: 100%;
            font-family: NotoSansCJKsc-Regular, sans-serif;
            margin: 30px auto 0px auto;
        }

        section {
            margin: 0px 5px 0px 10px;
        }

        /* 操作成功样式 */
        .operat-success {
            margin-top: 25px;
            margin-left: 5px;
            font-size: 18px;
            text-align: center;
        }

        /* 输入框校验失败文字展示 */
        .input-validation {
            color: red;
            margin-left: 122px;
        }

        /* 人工录入错误提示输入框*/
        .error_input {
            color: red;
            margin-left: 132px;
        }

        /* 策略参数输入框错误提示*/
        .input-stgpara {
            color: red;
            margin-left: 40px;
        }

        /* 新建环境输入框错误提示*/
        .input-envir {
            color: red;
            margin-left: 122px;
        }

        /*滚动条样式*/
        div::-webkit-scrollbar {
            width: 4px;
            display: block;
        }

        /*滚动条样式*/
        div::-webkit-scrollbar-thumb {
            border-radius: 20px;
            background: #777;
        }


        /*滚动条样式*/
        div::-webkit-scrollbar-button {
            display: none;
        }

        /*滚动条样式*/
        div::-webkit-scrollbar-track {
            background: #2b2b2b;
        }

        /* 统一修改页面宽高、背景色和字体 */
        body {
            background: #000;
            height: 100%;
            width: 100%;
            font-family: NotoSansCJKsc-Regular, sans-serif;
        }

        /*隐藏浏览器滚动条，但是不影响滑动*/
        body::-webkit-scrollbar {
            width: 0px;
        }

        /*风控信息隐藏浏览器滚动条，但是不影响滑动*/
        #stcriskinfo_id::-webkit-scrollbar {
            width: 0px;
        }

        /*右侧页码样式*/
        .pagination > li > a, .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.42857143;
            color: #ddd;
            text-decoration: none;
            background-color: rgba(0, 0, 0, .0001);
            border: 1px solid rgba(255, 255, 255, .15);
        }

        /*监控页面与ws连接，提示信息样式*/
        /*位置样式*/
        .link-position {
            float: left;
            font-size: 12px;
        }

        /*成功*/
        .link-success {
            color: #42da45;
        }

        /*断开连接*/
        .link-fail {
            color: #ff0000;
        }

        /*尝试重连*/
        .link-reconnect {
            color: #fdf59a;
        }

        /*远程服务断开*/
        .link-tkd {
            color: #FF2358;
        }

        /*远程服务断开*/
        .link-tkc {
            color: #88ff5c;
        }

        /*导出按钮*/
        .export-p {
            margin-top: 13px;
            margin-left: 24px;
            background-color: #009AFF;
        }


        /*加载中 样式*/
        .loa {
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -25px 0px 0px -50px;
            width: 50px;
            height: 50px;
        }

        /*加载中 动图大小*/
        .loadgif {
            width: 50px;
        }


        ul.transul {
            list-style: none;
            height: 81px;
            overflow-y: scroll;
            width: 249px;
            float: right;
            margin-right: 65px;
        }

        li.transli {

        }

        li.transli > label > input {
            width: 10px;
            height: 10px;
        }

        li.transli > label {

        }

        /*日期thead样式*/
        .table-condensed > thead {
            background-color: #f4f4f4;
        }

        /*文字样式*/
        .text-title {
            color: white;
        }

        /*主题文字样式*/
        .thmd {
            background-color: #7a7a7a;
        }

        /*主题文字选中样式*/
        .theme-active {
            background-color: #337ab7;
        }

        /*净值曲线和业绩分析*/
        /**标题样式**/
        .box-title {
            color: white;
        }
        .box-header {
            margin-top: 30px;
            display: none;
        }


    </style>

</head>

<body class="hold-transition skin-blue sidebar-mini">

<div class="wrapper">

    <!-- Left side column. contains the logo and sidebar -->
    <!-- <aside class="main-sidebar"></aside> -->
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!--loading模态框-->
        <div class="modal fade loa" data-backdrop="static" id="loading">
            <div><span><img class="loadgif"
                            src="{% static '/bootstrap/img/loading.gif' %}"></span>
            </div>
        </div>
        {% block content %}
        {% endblock %}
    </div>
    <!-- /.content-wrapper -->
    <!-- Main Footer -->
    <footer class="main-footer">
        <!-- To the right -->
        <div class="pull-right hidden-xs">
        </div>
    </footer>
</div>


<!-- Jquery -->
<script src="{% static 'jquery/jquery.min.js' %}"></script>
<!-- Bootstrap 3.3.7 -->
<script src="{% static '/bootstrap/js/bootstrap.min.js' %}"></script>
<script src="{% static '/datetimepicker/bootstrap-datetimepicker.js' %}"></script>
<script src="{% static '/datetimepicker/jszip.min.js' %}"></script>

<!--bootstrap-table-->
<script src="{% static '/bootstrap-table/bootstrap-table.min.js' %}"></script>
<!--bootstrap-table-export-->
<script src="{% static '/export/bootstrap-table-export.js' %}"></script>
<!--在客户端保存生成的导出文件-->
<script src="{% static '/export/FileSaver.min.js' %}"></script>
<!--以XLSX（Excel 2007+ XML格式）格式导出表（SheetJS）-->
<script src="{% static '/export/xlsx.core.min.js' %}"></script>
<!--无论期望的格式如何，最后都包含 tableexport.jquery.plugin（不是tableexport）-->
<script src="{% static '/export/tableExport.js' %}"></script>
<script src="{% static '/echart/echarts.min.js' %}"></script>
<!---策略模板--->
<script src="{% static '/strategy_templates/stg_templates.js' %}"></script>

<script>
    //加载模态框
    function loadon() {
        $("#loading").modal('show')
    }

    //加载取消模态框
    function loadoff() {
        $("#loading").modal('hide')
    }
</script>

{% block scripts %}
{% endblock %}

</body>
</html>